<template>
    <div id="tmpl">
        <h4 v-text="info.title"></h4>
        <p class="line"></p>
        <p v-html="info.content"></p>
    </div>
</template>
 
<script>
import common from '../../kids/common.js';
import { Toast } from 'mint-ui';
export default {
    data() {
        return {
            id: 0,
            info:{}
        }
    },
    created() {
        this.id = this.$route.params.id;
        this.getinfo();
    },
    methods: {
        //获取图文详情
        getinfo() {
            var url = common.apidomain + '/api/goods/getdesc/' + this.id;
            this.$http.get(url).then(function(res) {
                if (res.body.status != 0) {
                    Toast(res.body.message);
                    return;
                }
                this.info = res.body.message[0];
            })
        }

    }
}
</script>

<style scoped>
#tmpl {
    padding: 5px;
}

#tmpl h4 {
    color: #0094ff;
}

#tmpl .line {
    height: 1px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}
</style>
